import React from 'react';

export class App extends React.Component {
  constructor() {
    super();
    this.state = {
      input: 'hello',
    };
  }

  handleInputChange = (e) => {
    // 当用户输入的的时候，设置表单元素的值
    this.setState({
      input: e.target.value,
    });
  };
  render() {
    console.log('render');
    return (
      <div>
        <input
          type="text"
          // 表单元素显示的值和组件状态关联
          value={this.state.input}
          onChange={this.handleInputChange}
        ></input>
      </div>
    );
  }
}
